import React from 'react'

/*
  问：
  1. JSX本质
  2. 作用
  3. 注意点
  4. 数据遍历
  5. 条件渲染
  6. 绑定事件
  7. 样式：

  JSX是JS的扩展语法，类似于HTML
  1. 它的本质：React.createElement方法的语法糖，所以最后产生的是一个JS对象
  2. 作用：创建虚拟DOM
  3. 注意点：
    1. JSX中的{}，只能写js表达式（1. 使用引号传递字符串2. 使用js变量3. 函数、方法的调用4. 使用js对象）
    2. 标签小写，按照html标签转；大写字母开头，表示组件
  4. 遍历数组：使用map，注意加key
  5. 条件渲染：
    简单的使用三元，&&
    复杂的使用函数，按照传参条件，逻辑还是if,switch等判断，最后返回对应的jsx
  6. 绑定事件：on+事件名={(ev)=> fn(ev, myParam )}
  7. 样式：在组件中，优先导入样式文件 import 'xxx.css'
    className=""
    style=""

*/ 

export default function Jsx() {
  return (
    <div>Jsx</div>
  )
}
